<%@page contentType="text/html" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<tiles:insertTemplate template="/WEB-INF/template/core.jsp">

    <tiles:putAttribute name="css">
        <link rel="stylesheet" type="text/css" href="<c:url value="/css/mehm.css"/>">
        <tiles:insertAttribute name="css_extension" defaultValue="" />
    </tiles:putAttribute>

    <tiles:putAttribute name="js">
        <script charset="utf-8" type="text/javascript">
            //<![CDATA[
            jQuery(document).ready(function() {

                $(".signin").click(function(e) {          
                    e.preventDefault();
                    $("fieldset#signin_menu").toggle();
                    $(".signin").toggleClass("menu-open");
                });

                $("fieldset#signin_menu").mouseup(function() {
                    return false
                });
                jQuery(document).mouseup(function(e) {
                    if($(e.target).parent("a.signin").length==0) {
                        $(".signin").removeClass("menu-open");
                        $("fieldset#signin_menu").hide();
                    }
                });			

            });
            //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
            $("#navbar p.nav").click(function()
            {
                $(this).css({backgroundImage:"url(down.png)"}).next("div.navmenu").slideToggle(300).siblings("div.nacmenu").slideUp("slow");
                $(this).siblings().css({backgroundImage:"url(left.png)"});
            });
            //]]>
        </script>
        <tiles:insertAttribute name="js_extension" defaultValue="" />
    </tiles:putAttribute>

    <tiles:putAttribute name="google_analytics">
        <script type="text/javascript">
            //<![CDATA[
               
            //]]>
        </script>
    </tiles:putAttribute>

    <tiles:putAttribute name="body" cascade="true">
        <div class="content"> 
            <header> 
                <div id="logo">

                </div>
                <div id="menu_top">
                    <div id="topnav" class="topnav"><a href="#" class="signin"><span>Mychael Ribeiro</span></a> </div>
                <fieldset id="signin_menu">
                    <form method="post" id="signin" action="#">
                        <p><a>Configurações</a></p>
                        <p class="remember">
                            <input id="signin_submit" value="Sair" tabindex="6" type="submit">
                            
                        </p>
                        
                    </form> 
                </fieldset>
                </div>
            </header> 

            <tiles:insertAttribute name="content"/>

            <footer> 
                <img src="<c:url value='/img/barra_rodape.png'/>" width="1020" height="8" />

                <div id="menu_rodape">
                    <ul id="copy_idioma">
                        <li id="copyright">&copy; Copyright Portfull ${year}.</li>
                        <li id="idioma"><a href="<c:url value="#pt-br"/>" alt="pt-br">Português (Brasil)</a></li>
                    </ul>

                    <ul id="menu">

                        <li id="ajuda"><a href="<c:url value="/ajuda"/>" alt="ajuda">Ajuda</a></li>
                        <li id="anunciantes"><a href="<c:url value="/anunciantes"/>" alt="anunciantes">Anunciantes</a></li>
                        <li id="contato"><a href="<c:url value="/contato"/>" alt="contato">Contato</a></li>
                        <li id="emprego"><a href="<c:url value="/emprego"/>" alt="emprego">Emprego</a></li>
                        <li id="mobile"><a href="<c:url value="/mobile"/>" alt="mobile">Mobile</a></li>
                        <li id="privacidade"><a href="<c:url value="/privacidade"/>" alt="privacidade">Privacidade</a></li>
                        <li id="sobre"><a href="<c:url value="/sobre"/>" alt="sobre">Sobre</a></li>
                        <li id="termos"><a href="<c:url value="/termos"/>" alt="termos">Termos</a></li>

                    </ul>
                </div>
            </footer> 

        </div> 

    </tiles:putAttribute>

</tiles:insertTemplate>
